<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      //1.把数字型转换为字符串型 变量.toString()
      var num = 10;
      var str = num.toString();
      console.log(typeof str);
      //2.利用String变量
      console.log(typeof String(num));
      //3.利用+拼接字符串的方法 隐式转换
      console.log(num + "");

      //其他类型转换为数字型
      var age = prompt("请输入你的年龄");
      //   console.log(typeof parseInt(age));
      //   1.parseInt(变量) 可以把字符型转换为数字型 得到的是整数
      console.log(parseInt("3.14")); //3
      console.log(parseInt("3.94")); //3
      console.log(parseInt("120px")); //120
      console.log(parseInt("rem120px")); //NaN
      //2.parseFloat(变量) 可以把字符型转化为数字型 得到的是浮点数
      console.log(parseFloat("3.14")); //3.14
      console.log(parseFloat("120px")); //120
      //   3.利用Number(变量)
      var str = 1232;
      console.log(Number(str));
      console.log(Number("123"));
      //4.利用算术运算 - + / 隐式转换
      console.log("12" - 0);

      //Boolean转换
      //   Boolean() 只有 '' 0 NaN null undefined 会转换为false
      console.log(Boolean(true));
      console.log(Boolean(NaN));
    </script>
  </head>
  <body></body>
</html>
